<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>==欢迎访问学生信息管理系统==</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/login.css"/>
    <script src="/js/jquery.3.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        function submitData() {
            debugger;
            var submitData = $("#form1").serialize();
            $.ajax({
                type: 'post',//相当于mothod
                url: '/user?type=login',//相当于action
                data: submitData,
                success: function (responseText) {
                    if (responseText == 'ok') {
                        window.location.href = "index.jsp";
                    } else {
                        alert("登录信息错误！");
                    }
                }

            });
        }
    </script>
</head>
<body>
<!--登录页面的上部分-->
<div id="loginTop">
    <div class="systemName">
        <img src="img/cz.png"/>
        贵州大学明德学院网络171班学生信息管理系统
    </div>
</div>

<!--登录页面的中间部分-->
<div id="loginMiddle">
    <div id="middleContent" class="middleContent">
        <!--左边部分的图片内容-->
        <div class="middleHeightAndWidth" id="loginImage">
            <img class="loginImag" src="img/loginImg.png">
        </div>
        <!--右边白色区域的登录内容-->
        <div class="middleHeightAndWidth" id="loginInfors">
            <form id="form1" name="form1">
                <table>
                    <tr>
                        <th>登录名：</th>
                        <td>
                            <img class="userImg" src="img/user.png"/>
                            <input type="text" name="userName" id="userName" value=""/>
                        </td>
                    </tr>
                    <tr>
                        <th>密码：</th>
                        <td>
                            <img class="pwdImg" src="img/pwd.png"/>
                            <input type="password" name="userPassword" id="userPassword" value=""/>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="btnTd">
                            <input onclick="submitData();" type="button" name="submitBtn" id="submitBtn" value="提交"/>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>

<!--登录页面的中间部分-->
<div id="loginBottom">
    Copyright © 2020 贵州大学明德学院网络工程1701班
</div>

</body>
</html>
